<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Spring Authorization Server sample</title>
<!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" th:href="@{/dist/css/bootstrap.min.css}" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">-->
<!--    <link rel="stylesheet" href="/assets/css/signin.css" th:href="@{/assets/css/signin.css}" />-->
    <!-- https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" th:href="@{/dist/css/bootstrap.min.css}" rel="stylesheet"  crossorigin="anonymous">
    <link href="/assets/css/signin.css" th:href="@{/assets/css/signin.css}" rel="stylesheet" crossorigin="anonymous">
</head>
<body>
<div class="container">
    <form class="form-signin w-100 m-auto" method="post" th:action="@{/login}">
        <div th:if="${param.error}" class="alert alert-danger" role="alert">
            Invalid username or password.
        </div>
        <div th:if="${param.logout}" class="alert alert-success" role="alert">
            You have been logged out.
        </div>

        <h1 class="h3 mb-3 fw-normal">Please sign in</h1>

        <div class="form-floating">
            <input type="text" id="username" name="username" class="form-control" required autofocus>
            <label for="username">Username</label>
        </div>
        <div class="form-floating">
            <input type="password" id="password" name="password" class="form-control" required>
            <label for="password">Password</label>
        </div>
        <div class="checkbox mb-3">
            <label>
                <!-- Remember Me 复选框 -->
                <input type="checkbox" name="remember-me"> Remember me 记住我
            </label>
        </div>
        <div>
            <button class="w-100 btn btn-lg btn-primary btn-block" type="submit">zmh Sign in</button>
            <br/>
<!--            <a class="w-100 btn btn-light btn-block bg-white" href="/oauth2/authorization/google-idp" role="link" style="margin-top: 10px">-->
<!--                <img src="/assets/img/google.png" th:src="@{/assets/img/google.png}" width="20" style="margin-right: 5px;" alt="Sign in with Google">-->
<!--                Sign in with Google-->
<!--            </a>-->
<!--            <br/>-->
<!--            <a class="w-100 btn btn-light btn-block bg-white" href="/oauth2/authorization/github-idp" role="link" style="margin-top: 10px">-->
<!--                <img src="/assets/img/github.png" th:src="@{/assets/img/github.png}" width="24" style="margin-right: 5px;" alt="Sign in with Github">-->
<!--                Sign in with Github-->
<!--            </a>-->

        </div>
        <br/>
        <div class="w-100 m-auto" style="line-height: 22px;margin:0 0 8px 0;color: #9b9b9b;">
            <span style="vertical-align:middle">第三方登录:</span>
            <!--   {redirect_uri} <a href="https://github.com/login/oauth/authorize?scope=user:email&client_id=<%= client_id %>">Click here</a> to begin!    -->
            <img :src="/assets/img/qqIcon" th:src="@{/assets/img/QQIcon.png}" width="18" height="18" style="vertical-align:middle;margin-left: 5px" title="QQ">
            <!--微信-->
            <a href="/oauth2/authorization/wechat"><img src="/assets/img/weixinIcon.png" th:src="@{/assets/img/weixinIcon.png}" width="18" height="18" style="vertical-align:middle;margin-left: 5px" title="微信"></a>

            <!--百度-->
            <img :src="/assets/img/baiduIcon" th:src="@{/assets/img/baiduIcon.png}" width="18" height="18" style="vertical-align:middle;margin-left: 5px" title="百度">

            <!--gitee-->
            <a href="/oauth2/authorization/gitee"><img :src="/assets/img/gitee.png" th:src="@{/assets/img/gitee.png}" width="18" height="18" style="vertical-align:middle;margin-left: 5px" title="Gitee"></a>

            <!--支付宝-->
            <a href="https://github.com/login/oauth/authorize?scope=user:email&client_id=Ov23lige29a8Hv8COLuv"><img src="/assets/img/zhifubaoIcon.png" th:src="@{/assets/img/zhifubaoIcon.png}" width="18" height="18" style="vertical-align:middle;margin-left: 5px" title="支付宝"></a>

            <!--淘宝-->
            <a href="https://taobao.com/login/oauth/authorize?scope=user:email&client_id=Ov23lige29a8Hv8COLuv"><img src="/assets/img/taobaoIcon.png" th:src="@{/assets/img/taobaoIcon.png}" width="18" height="18" style="vertical-align:middle;margin-left: 5px" title="淘宝"></a>

            <a href="/oauth2/authorization/github-idp"><img src="/assets/img/github.png" th:src="@{/assets/img/github.png}" width="18" height="18" style="vertical-align:middle;margin-left: 5px" title="GitHub"></a>

            <img :src="/assets/img/weiboIcon" th:src="@{/assets/img/weiboIcon.png}" width="18" height="18" style="vertical-align:middle;margin-left: 8px" title="微博">

        </div>
    </form>

<!--    2c84c6ce0dc94af075b3e27eb25982d4f1273cc0f6cb04f3609298ce16f2a57d
      /login/oauth2/code/gitee
<a class="w-100 btn btn-light btn-block bg-white" href="https://gitee.com/oauth/authorize?client_id=2c84c6ce0dc94af075b3e27eb25982d4f1273cc0f6cb04f3609298ce16f2a57d&redirect_uri=http://127.0.0.1:9000/login&response_type=code" role="link" style="margin-top: 10px">
        <img src="/assets/img/gitee.png" th:src="@{/assets/img/gitee.png}" width="24" style="margin-right: 5px;" alt="Sign in with Gitee">
        Sign in with Gitee1
    </a>-->


</div>
</body>
</html>
